<template>

  <person-card :info="info?.user" isMyCollect>
    <template #header>
      <view class="c-top">
        <view class="c-update">· {{info.time}} 我收藏过</view>
        <icon-card :ids="iconIds"></icon-card>
      </view>
    </template>
  </person-card>
</template>
 
<script setup>
// 引入组件
import PersonCard from "@/components/common/person-card.vue";
import IconCard from "@/components/person/icon-card.vue";

const props = defineProps({
  info: {
    type: Object,
    default: () => {},
  },
  isLock: {
    type: Boolean,
    default: false,
  },
  isMy: {
    type: Boolean,
    default: false,
  },
  isDetail: {
    type: Boolean,
    default: false,
  },
});
const iconIds = computed(() => {
  const { user, s_user_id } = props.info;
  return { user_id: user?.id, s_user_id };
});
</script>
 
<style lang='scss' scoped>
.c-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: -10rpx;
  padding-bottom: 30rpx;
  .c-update {
    padding: 5rpx 20rpx;
    font-weight: 500;
    font-size: 24rpx;
    color: #ff5c55;
    background: rgba(255, 92, 85, 0.1);
    border-radius: 40rpx;
  }
}
</style>